/****************************************************************************
*created by yang.zheng on 2020-08-17 for login css file
****************************************************************************/

.login-container {
    width: 520px;
    height: 520px;
    margin: 150px auto;
    .loginbox {
        position: relative;
        width: 492px;
        height: 492px;
        left: 14px;
        top: 14px;
        border-radius: 50%;
        background: #fcfcfd;
        box-shadow: 0 0 100px @c1e;
        .title {
            font-size: 27px;
            color: @c1e;
            position: absolute;
            left: 115px;
            top: 88px;
        }
        .blank {
            width: 80px;
            height: 10px;
            position: absolute;
            top:50px;
            left: 206px;
            background: @c1e;
            border-radius: 5px;
        }
        .userTextBox,
        .userPwdBox {
            display: inline-block;
            position: absolute;
            width: 325px;
            height: 50px;
            border-radius: 25px;
            left: 90px;
            border: 1px solid #e1e1e1;
            color: #dfdfdf;
            .userText,
            .userPwd {
                display: inline-block;
                width: 250px;
                height: 48px;
                border: none;
                padding-left: 15px;
                background: #fcfcfd;
            }
            span {
                display: inline-block;
                width: 50px;
                height: 22px;
                padding-left: 20px;
                border-right: 1px solid #e1e1e1;
                color: @c1e;
            }
        }
        .userTextBox {
            top: 160px;
        }
        .userPwdBox {
            top: 240px;
        }

    }
    .regsiter,
    .remember {
        display: inline-block;
        position: absolute;
        top: 305px;
        left: 90px;
    }
    .regsiter {
        left: 345px;
        font-size: 14px;
        color: @c1e;
        .handle()
    }
    .loginBtn {
        display: block;
        position: absolute;
        left: 90px;
        top: 340px;
        width: 325px;
        height: 50px;
        background: @c1e;
        text-align: center;
        line-height: 50px;
        border-radius: 25px;
        font-size: 14px;
        color: #fff;
        .handle();
    }
    
}